<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <title>Recover Password</title>
        <link rel="stylesheet" type="text/css" href="../css/style.css" media="screen" />        <script type="text/javascript" src="javascript/validator.js"></script>
        <script type="text/javascript">
            function validateForm(){
                
                if (!validateEmail(document.forms["recoverPassword"]["email"].value)){
                    getElementById("emailError").innerHTML="Wrong Email Format";
                    return false;
                }
                return true;
            
            }
        </script>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body>
        <div class="container">
            <div class="side_div"><p>&nbsp;</p></div>
            <div class="main_div" >
        <h1>Recover Password</h1>
        <label class="errors">${emailError}</label>
        <form action="?req=getSecurityQuestion" method="post" onsubmit="return validateForm()" name="recoverPassword">
            <table>
                <tr>
                    <td>Email</td>
                    <td>
                        <input type="email" name="email"/>
                    </td>
                    <td>
                        <label class="errors" id="emailError"></label>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input  type="submit" value="Continue">
                    </td>
                </tr>

            </table>
        </form>
        </div>
            <div class="side_div"><p>&nbsp;</p></div>
        </div>
    </body>
</html>
